<template>
	<div id="app"  class="page">
		<ynet-header :headerInformation="getHeaderInformation" :headerMenu="getHeaderMenu"></ynet-header>
		<div class="contentMain">
			<transition name="fade" mode="out-in">
				<router-view></router-view>
			</transition>
		</div>
    <ynet-footer :hasMarginTop="getFooterHasMarginTop"></ynet-footer>
		<ynet-right-tools></ynet-right-tools>
	</div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
	name: 'app',
	components: {

	},
	computed: {
		// 使用对象展开运算符将 getters 混入 computed 对象中
		...mapGetters([
			'getHeaderInformation',
			'getHeaderMenu',
			'getFooterHasMarginTop'
		])
	},
}
</script>

<style lang="scss">
.fade-enter-active,
.fade-leave-active {
	transition: all .2s ease;
}

.fade-enter,
.fade-leave-active {
	opacity: 0;
}
.haveMenu{background:#fff; padding: 20px 20px 20px 260px; overflow: auto}
</style>